<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>A-RIMM | Analyse von Aktien - Kurszeitreihen</title>
    
    <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/text.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/grid.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/nav.css" media="screen" />   	
    <link rel="stylesheet" href="style.css" type="text/css">

   <%--<script src="js/amstock.js" type="text/javascript"></script>
    <script type="text/javascript">
			AmCharts.ready(function () {
				generateChartData();
				createStockChart();
			});

			var chartData1 = [];
			var chartData2 = [];
			var chartData3 = [];
			var chartData4 = [];
			var chartData5 = [];

			function generateChartData() {
				var firstDate = new Date();
				firstDate.setDate(firstDate.getDate() - 1825);
				firstDate.setHours(0, 0, 0, 0);

				for (var i = 0; i < 1825; i++) {
					var newDate = new Date(firstDate);
					newDate.setDate(newDate.getDate() + i);

					var a1 = Math.round(Math.random() * (4 + i)) + 100 + i;
					var b1 = Math.round(Math.random() * (1000 + i)) + 500 + i * 2;

					var a2 = Math.round(Math.random() * (100 + i)) + 200 + i;
					var b2 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;

					var a3 = Math.round(Math.random() * (100 + i)) + 200;
					var b3 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;

					var a4 = Math.round(Math.random() * (100 + i)) + 200 + i;
					var b4 = Math.round(Math.random() * (1000 + i)) + 600 + i * 2;
					
					var a5 = Math.round(Math.random() * (100 + i)) + 200 + i;
					var b5 = Math.round(Math.random() * (100 + i)) + 600 + i;

					chartData1.push({
						date: newDate,
						value: a1,
						volume: b1
					});
					chartData2.push({
						date: newDate,
						value: a2,
						volume: b2
					});
					chartData3.push({
						date: newDate,
						value: a3,
						volume: b3
					});
					chartData4.push({
						date: newDate,
						value: a4,
						volume: b4
					});
					chartData5.push({
						date: newDate,
						value: a5,
						volume: b5
					});
				}
			}

			function createStockChart() {
				var chart = new AmCharts.AmStockChart();
				chart.pathToImages = "img";

				// DATASETS //////////////////////////////////////////
				// create data sets first
				var dataSet1 = new AmCharts.DataSet();
				dataSet1.title = "Apple";
				dataSet1.fieldMappings = [{
					fromField: "value",
					toField: "value"
				}, {
					fromField: "volume",
					toField: "volume"
				}];
				dataSet1.dataProvider = chartData1;
				dataSet1.categoryField = "date";

				var dataSet2 = new AmCharts.DataSet();
				dataSet2.title = "Google";
				dataSet2.fieldMappings = [{
					fromField: "value",
					toField: "value"
				}, {
					fromField: "volume",
					toField: "volume"
				}];
				dataSet2.dataProvider = chartData2;
				dataSet2.categoryField = "date";

				var dataSet3 = new AmCharts.DataSet();
				dataSet3.title = "Microsoft";
				dataSet3.fieldMappings = [{
					fromField: "value",
					toField: "value"
				}, {
					fromField: "volume",
					toField: "volume"
				}];
				dataSet3.dataProvider = chartData3;
				dataSet3.categoryField = "date";

				var dataSet4 = new AmCharts.DataSet();
				dataSet4.title = "Research In Motion";
				dataSet4.fieldMappings = [{
					fromField: "value",
					toField: "value"
				}, {
					fromField: "volume",
					toField: "volume"
				}];
				dataSet4.dataProvider = chartData4;
				dataSet4.categoryField = "date";
				
				var dataSet5 = new AmCharts.DataSet();
				dataSet5.title = "Yahoo";
				dataSet5.fieldMappings = [{
					fromField: "value",
					toField: "value"
				}, {
					fromField: "volume",
					toField: "volume"
				}];
				dataSet5.dataProvider = chartData2;
				dataSet5.categoryField = "date";

				// set data sets to the chart
				chart.dataSets = [dataSet1, dataSet2, dataSet3, dataSet4, dataSet5];

				// PANELS ///////////////////////////////////////////                                                  
				// first stock panel
				var stockPanel1 = new AmCharts.StockPanel();
				stockPanel1.showCategoryAxis = false;
				stockPanel1.title = "Aktienkurs";
				stockPanel1.percentHeight = 70;

				// graph of first stock panel
				var graph1 = new AmCharts.StockGraph();
				graph1.valueField = "value";
				graph1.comparable = true;
				graph1.compareField = "value";
				stockPanel1.addStockGraph(graph1);

				// create stock legend                
				stockPanel1.stockLegend = new AmCharts.StockLegend();


				// second stock panel
				var stockPanel2 = new AmCharts.StockPanel();
				stockPanel2.title = "Volumen";
				stockPanel2.percentHeight = 30;
				var graph2 = new AmCharts.StockGraph();
				graph2.valueField = "volume";
				graph2.type = "column";
				graph2.showBalloon = false;
				graph2.fillAlphas = 1;
				stockPanel2.addStockGraph(graph2);
				stockPanel2.stockLegend = new AmCharts.StockLegend();

				// set panels to the chart
				chart.panels = [stockPanel1, stockPanel2];


				// OTHER SETTINGS ////////////////////////////////////
				var sbsettings = new AmCharts.ChartScrollbarSettings();
				sbsettings.graph = graph1;
				chart.chartScrollbarSettings = sbsettings;


				// PERIOD SELECTOR ///////////////////////////////////
				var periodSelector = new AmCharts.PeriodSelector();
				periodSelector.position = "left";
				periodSelector.periods = [{
					period: "DD",
					count: 10,
					label: "10 Tage"
				}, {
					period: "MM",
					selected: true,
					count: 1,
					label: "1 Monat"
				}, {
					period: "YYYY",
					count: 1,
					label: "1 Jahr"
				}, {
					period: "YYYY",
					count: 3,
					label: "3 Jahre"
				}];
				chart.periodSelector = periodSelector;


				// DATA SET SELECTOR
				var dataSetSelector = new AmCharts.DataSetSelector();
				dataSetSelector.position = "left";
				chart.dataSetSelector = dataSetSelector;

				chart.write('chartdiv');
			}
		</script> --%>
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load('visualization', '1');
    </script>
    <script type="text/javascript">
      function drawVisualization() {
        // To see the data that this visualization uses, browse to
        // https://docs.google.com/spreadsheet/ccc?key=0AlQ0ELHkqXJNdDR1NVNHNVVpdVpuMndCcFd3WjQ2WkE#gid=0
        var wrapper = new google.visualization.ChartWrapper({
          dataSourceUrl: 'https://docs.google.com/spreadsheet/ccc?key=0AlQ0ELHkqXJNdDR1NVNHNVVpdVpuMndCcFd3WjQ2WkE#gid=0',
          chartType: 'LineChart',
          containerId: 'visualization'
        });
		wrapper.draw();
        
      }
        google.setOnLoadCallback(drawVisualization);
	</script> 
	<script type="text/javascript">
      function drawVisualization() {
        // To see the data that this visualization uses, browse to
        // https://docs.google.com/spreadsheet/ccc?key=0AlQ0ELHkqXJNdFExdkxFVHlYVnk5dlMzN2NENnJaLWc#gid=0
        var wrapper1 = new google.visualization.ChartWrapper({
          dataSourceUrl: 'https://docs.google.com/spreadsheet/ccc?key=0AlQ0ELHkqXJNdFExdkxFVHlYVnk5dlMzN2NENnJaLWc#gid=0',
          chartType: 'ColumnChart',
          containerId: 'visualization2'
        });
        wrapper1.draw();
      }
        google.setOnLoadCallback(drawVisualization);
    </script>
    
</head>
<body>
<div class="container_12">
        <div class="grid_12 header-repeat">
            <div id="branding">            
                <div class="clear"></div>
                <div class="floatleft"><h1><a href=index.jsp>Analyse von Kurszeitreihen</a></h1></div>
                <div class="clear"></div>
			</div>
       </div>
       <div class="clear"></div>
       <div class="grid_12">
            <ul class="nav main">
            	<li class=" "><a href=" ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>            	
            	</li>
                <li class=" "><a href="index.jsp">Zeitreihenanalyse</a></li>
                <li class="ic-typography"><a href="microsoft.jsp"><span>Microsoft</span></a></li>
				<li class="ic-charts"><a href="apple.jsp"><span>Apple</span></a></li>
                <li class="ic-grid-tables"><a href="google.jsp"><span>Google</span></a></li>
                <li class="ic-gallery dd"><a href="rimm.jsp"><span>RIMM</span></a></li>
                <li class="ic-notifications"><a href="yahoo.jsp"><span>Yahoo</span></a></li>
            </ul>
        </div>        
        <div class="clear"></div>        
        <div class="grid_2">
            <div class="box sidemenu">
                <div class="block" id="section-menu">
                    <ul class="section menu">
                        <li><a class="menuitem">Unternehmensprofil</a>
                            <ul class="submenu">
                                <li><a href="microsoft.html"> Microsoft Corp. </a></li>
                                <li><a href="apple.html"> Apple Inc. </a></li> 
                                <li><a href="google.html"> Google Inc. </a></li>
                                <li><a href="rimm.html"> Research In Motion Ltd. </a></li>
								<li><a href="yahoo.html"> Yahoo Inc. </a></li>                            
                            </ul> 
                        </li>
                        <li><a class="menuitem" href="begriffe.html">Begriffe</a></li>
                    </ul>
                </div>
            </div>
        </div>
        
		<div class="grid_10">         
            <div class="box round">
                <h2>Kurszeitreihenanalyse von Research In Motion Ltd. im Zeitraum 02.01.2008 - 31.12.2012</h2>
                
                <div class="block">
                    <p class="start">  
                    <div class="context_box"></div>
                    	
					<div class="content">
						<table border="1">
						<colgroup>
						<col width="180">
						<col width="150">
						<col width="150">
						</colgroup>
  						<thead>
						    <tr>
						      <th></th>
						      <th>RIMM Ltd.</th>
						      <th>NASDAQ</th>
						    </tr>
						  </thead>
						    <tbody>
						    <tr>
						      <td><b>Durchsch. tägliche Rendite</b></td>
						      <td align="center">-0,18%</td>
						      <td align="center">0,01%</td>
						    </tr>
						    <tr>
						      <td><b>Varianz</b></td>
						      <td align="center">0,0015</td>
						      <td align="center">0,0003</td>
						    </tr>
						    <tr>
						      <td><b>Volatilität</b></td>
						      <td align="center">3,86%</td>
						      <td align="center">1,73%</td>
						    </tr>
						    <tr>
						      <td><b>Kovarianz</b></td>
						      <td align="center">0,00034</td>
						      <td align="center"></td>
						    </tr>
						    <tr>
						      <td><b>Korrelation</b></td>
						      <td align="center">0,51184</td>
						      <td align="center"></td>
						    </tr>
						    <tr>
						      <td><b>Beta-Faktor</b></td>
						      <td align="center">1,14575272</td>
						      <td align="center"></td>
						    </tr>
						  </tbody>
						</table>
						<div id="visualization" style="width:1000px; height: 500px; float: left;"></div>
						<div id="visualization2" style="width: 1000px; height: 500px; float: right;"></div> 	
				 	</div>
				 	</div>	 
				</div>
            </div>
		</div>		     
	<div class="clear"></div>
    <div id="site_info">
        <p>Copyright <a href="#"> Admin </a>. All Rights Reserved.</p>
    </div>
</body>
</html>